<template>
    <div class="breadCrumb">
        <router-link :to="{name:item.name}" v-for="item in data" :key="item.name">{{item.meta.name}}</router-link>
    </div>
</template>


<script setup>
    
    let props = defineProps({
        data:{
            type:Array,
            default(){
                return []
            }
        },
        separator:{
            type:String,
            default(){
                return '/'
            }
        }
    })

    console.log(props)





</script>


<style scoped>
    .breadCrumb{
        border: 1px solid;
        margin: 10px 0;
    }
    .breadCrumb a{
    font-size: 16px;;
    font-weight: 900;
    color:black;
    margin:5px
}
    
    




</style>